import { createApp } from "vue";
import App from "./App.vue";
import router from "@/router";
import store from "@/store";
// reset style sheet
import "@/styles/reset.scss";
// CSS common style sheet
import "@/styles/common.scss";
// element
import ElementPlus from "element-plus";
// element css
import "element-plus/dist/index.css";
// element dark css
import "element-plus/theme-chalk/dark/css-vars.css";
// element icons
import * as Icons from "@element-plus/icons-vue";

const app = createApp(App);
// register the element Icons component
Object.keys(Icons).forEach((key) => {
  app.component(key, Icons[key]);
});

app
  .use(router)
  .use(store)
  .use(ElementPlus, { size: "default", zIndex: 3000 })
  .mount("#app");
